<!doctype html>
<html style="background:url('__PUBLIC__/img/htmlbg.png')">
	<head>
		<title>十目传媒OA系统-登录</title>
		<style>
			#login-form-wrap{width:288px;}
			.clearfix:after {
				clear: both;
				content: " ";
				display: block;
				height: 0;
				visibility: hidden;
			}		
			.input-wrap {
				background: url("__PUBLIC__/img/startpage.png") no-repeat scroll -210px -52px transparent;
				height: 52px;
				margin-bottom: 3px;
				margin-right: 5px;
				position: relative;
				width: 288px;
			}
			.input-icon {
				background: url("__PUBLIC__/img/startpage.png") no-repeat scroll 0 0 transparent;
				display: block;
				float: left;
				height: 16px;
				margin: 18px 0 0 15px;
				width: 16px;
			}
			.input-wrap label {
				color: #ABACAD;
				font-size: 16px;
				height: 52px;
				left: 32px;
				line-height: 52px;
				margin: 0 10px;
				overflow: hidden;
				position: absolute;
				top: 0;
				white-space: nowrap;
				width: 240px;
				z-index: 10;
			}
			#input-login-email .input-icon{background-position: 0 -197px;}
			#input-login-pwd .input-icon{background-position: 0 -300px;}
			.startpage-input-text {
				background: url("__PUBLIC__/img/blank.png") repeat scroll 0 0 transparent;
				border: 0 none;
				color: #8F8F8F;
				font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti;
				font-size: 16px;
				height: 32px;
				line-height: 32px;
				outline: medium none;
				padding: 10px;
				position: absolute;
				width: 234px;
				z-index: 20;
			}
			.skin-button-willblue {
				-moz-user-select: none;
				color: #FFFFFF;
				cursor: pointer;
				height: 39px;
				line-height: 37px;
				overflow: hidden;
				padding-left: 5px;
				position: relative;
				text-align: center;
			}
			.skin-button-willblue .ui-button-bg-left {
				background: url("__PUBLIC__/img/button-bg.png") no-repeat scroll left -600px transparent;
			}
			.skin-button-willblue .ui-button-bg-left {
				display: block;
				height: 39px;
				left: 0;
				position: absolute;
				top: 0;
				width: 5px;
			}
			#ctrlbuttonlogin-submitlabel {
				font-size: 14px;
				letter-spacing: 10px;
			}
			.skin-button-willblue .ui-button-label {
				 background: url("__PUBLIC__/img/button-bg.png") no-repeat scroll right -600px transparent;
			}
			.skin-button-willblue .ui-button-label {
				height: 39px;
				padding-right: 5px;
			}
			.hidden-submit {
				height: 0;
				margin-left: -9999px;
			}
			.container{min-width:900px;}
			#footer {
				bottom: 0;
				color: #9EA0A3;
				font-size: 12px;
				position: absolute;
				text-align: center;
				width: 100%;
			}
			.login-loading{
				background:url('__PUBLIC__/img/reg.gif');
				margin:auto;
			}
			.reg{
			    background: none repeat scroll 0 0 green;
				border-radius: 78.5px 78.5px 78.5px 78.5px;
				color: #FFFFFF;
				cursor: pointer;
				font-size: 32px;
				height: 50px;
				left: 110%;
				padding: 50px;
				position: absolute;
				text-align: center;
				top: 40%;
				width: 50px;
				text-decoration:none;
			}
			.reg div{margin-left: -23px;width:100px;}
			.reg:hover{background: none repeat scroll 0 0 rgb(0, 133, 255);}
		</style>
		<script type="text/javascript" src="__PUBLIC__/js/jquery-1.8.2.js"></script>
		<script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
		<script type="text/javascript" src="__PUBLIC__/js/jquery-extends-lsx.js"></script>
		<script>
			$(function(){
				$("#ctrlbuttonlogin-submitlabel").click(function(){
					$(".login-status").html("登录中。。。");
					$.getJSON('__APP__/Public/login',{account:$("input[name='account']").val(),password:$("input[name='password']").val()},function(json){
						if(json.status == 1){
							$(".login-status").html(json.info+",请稍候......");
							window.location="__ROOT__/index.php";
						}else{
							$(".login-status").html(json.info+",请重新输入");
						}
					});
				});
			});
		</script>
	</head>
	<body>
		<div id="login-form-wrap" style="margin:auto;margin-top:10%;position:relative">
			<h1 style="color:#666;text-align:center">让工作从此简单</h1>
			<form method="post" action="{:U('Public/login')}" class="clearfix" id="login-form">
				<div id="input-login-email" class="input-wrap">
					<span class="input-icon"></span>
					<input type="text" value="" name="account" class="startpage-input-text" placeholder="账号">
				</div>
				<div id="input-login-pwd" class="input-wrap">
					<span class="input-icon"></span>
					<input type="password" name="password" class="startpage-input-text" placeholder="密码">
				</div>
				<input type="submit" value="登录" class="input-button hidden-submit" name="login-submit">
				<div cloud="" id="ctrlbuttonlogin-submit" data-control="login-submit" class="ui-button skin-button-willblue" style="width: 283px;">
					<span class="ui-button-bg-left skin-button-willblue-bg-left"></span>
					<div class="ui-button-label skin-button-willblue-label" id="ctrlbuttonlogin-submitlabel">
						<span class="ui-button-text skin-button-willblue-text" id="ctrlbuttonlogin-submittext">登录</span>
					</div>
				</div>
			</form>
			<a class="reg" href="__APP__/Public/reg"><div>注册</div></a>
			<div style="height:25px;"><h4 class="login-status" style="display:block;height:25px;line-height:25px;text-align:center;color:#666"></h4></div>
		</div>
		<div id="footer" style="top: 466px;">OA系统 版权所有 郑州十目 © 传媒有限公司 2013</div>
	</body>
</html>